// @import './variables.less';
@import '../mixins/border-radius.less';
@font-size-base: 14px;
@line-height-base: 1.428571429; // 20/14
@border-radius-base: 4px;
//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
@line-height-computed: floor((@font-size-base * @line-height-base)); // ~20px

// Pagination (multiple pages)
// --------------------------------------------------
.pagination {
	display: inline-block;
	padding-left: 0;
	// margin: @line-height-computed 0;
	border-radius: @border-radius-base;

	> li {
		display: inline; // Remove list-style and block-level defaults
		> a,
		> span {
			position: relative;
			float: left; // Collapse white-space
			padding: 2px @spacing;
			line-height: @line-height-base;
			text-decoration: none;
			color: @blue;
			background-color: #fff;
			border: 1px solid @greydd;
			margin-left: -1px;
			cursor: pointer;
		}
		&.page {
			> a,
			> span {
				padding-left: @spacing + 2;
				padding-right: @spacing + 2;
			}
		}
		&:first-child {
			> a,
			> span {
				margin-left: 0;
				.border-left-radius(@border-radius-base);
			}
		}
		&:last-child {
			> a,
			> span {
				.border-right-radius(@border-radius-base);
			}
		}
	}

	> li > a,
	> li > span {
		&:hover,
		&:focus {
			z-index: 3;
			color: darken(@blue, 15%);
			background-color: @greyee;
			border-color: @greydd;
		}
	}

	> .active > a,
	> .active > span {
		&,
		&:hover,
		&:focus {
			z-index: 2;
			color: #fff;
			background-color: @blue;
			border-color: @blue;
			cursor: default;
		}
	}

	> .disabled {
		> span,
		> span:hover,
		> span:focus,
		> a,
		> a:hover,
		> a:focus {
			color: @lightBlack;
			background-color: @whiteGrey;
			border-color: @greydd;
			cursor: not-allowed;
		}
	}
}

// Sizing
// --------------------------------------------------

// Large
// .pagination-lg {
//   .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
// }

// // Small
// .pagination-sm {
//   .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
// }
